<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 进入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 引入常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 引入iconfont插件样式 -->
		<link rel="stylesheet" href="../lib/font_6lu90pe2u1i/iconfont.css" />
		<!-- 引入swiper插件样式 -->
		<link rel="stylesheet" href="../lib/swiper-bundle.min.css" />
		<!-- 引入本地样式 -->
		<link rel="stylesheet" href="../css/index.css" />
	</head>
	<body class="minWidth">
		<!-- 头部导航栏 -->
		<header>
			<section class="logl"></section>
			<ul>
				<li><a href="#" class="active navgit">首页</a></li>
				<li><a href="../html/api-index.html" class="navgit">API</a></li>
				<li><a href="../html/customer.html" class="navgit">案例</a></li>
			</ul>
			<section class="register">
				<span class="point Glooe">登录</span>
				<span class="point registBtn">注册有礼</span>
			</section>
		</header>
		<main>
			<!-- 轮播图板块 -->
			<section id="banner">
				<!-- 轮播图的区域 -->
				<div class="swiper">
					<!-- 轮播图的容器 -->
					<div class="swiper-wrapper">
						<div class="swiper-slide"></div>
						<div class="swiper-slide"></div>
						<div class="swiper-slide"></div>
					</div>
					<!-- 轮播分页的容器 -->
					<div class="swiper-pagination"></div>
				
				</div>
			</section>

			<!-- 开发者服务板块 -->
			<section id="service">
				<!-- 开发者服务板块标题文字 -->
				<div class="title">
					<h1 class="h1-Mtop">为开发者提供云服务</h1>
					<p class="ttldis">
						基于API技术向客户提供多领域、多场景的Sass服务;助力开发者提高生产效率,加快工作进程
					</p>
					<div class="link link-center">
						<a href="#" class="ftS-12 blue-a">探索云服务 &gt;</a>
					</div>
				</div>
				<!-- 图文介绍 -->
				<div class="picIn">
					<section class="content">
						<div class="picInContent1"></div>
						<div class="txtContent">
							<h3>API私有化服务</h3>
							<p>可部署本地&专有云的Web API</p>
							<a href="#">去搜索 &gt; </a>
						</div>
					</section>
					<section class="content">
						<div class="picInContent2"></div>
						<div class="txtContent">
							<h3>源码云监测</h3>
							<p>实时代码托管、威胁情报监控</p>
							<a href="#">去搜索 &gt; </a>
						</div>
					</section>
					<section class="content">
						<div class="picInContent3"></div>
						<div class="txtContent">
							<h3>源码有赢</h3>
							<p>实时代码托管、威胁情报监控</p>
							<a href="#">去搜索 &gt; </a>
						</div>
					</section>
					<section class="content">
						<div class="picInContent4"></div>
						<div class="txtContent">
							<h3>YuanMa API</h3>
							<p>API开发者协作平台</p>
							<a href="#">去搜索 &gt; </a>
						</div>
					</section>
				</div>
			</section>

			<!-- api服务板块 -->
			<section class="api">
				<!-- api板块标题板块 -->
				<div class="title container txtCent">
					<h1 class="h1-Mtop">海量的API服务,丰富的API分类</h1>
					<p class="ttldis">
						提供400多种API和数据块,快捷、易用、稳定,极大的满足了用户数据需求；节省了寻找时间,节约了数据维护的服务器和人力成本。
					</p>
					<div class="link link-center">
						<a href="#" class="blue-a">探索API &gt;</a>
					</div>
				</div>
				<!-- api服务板块 ,图文介绍 -->
				<div class="apiInPic container">
					<div class="icon txtCent">
						<img src="../images/api01.svg" alt="" />
						<p>生活服务</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api02.svg" alt="" />
						<p>金融科技</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api03.svg" alt="" />
						<p>交通地理</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api04.svg" alt="" />
						<p>充值缴费</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api05.svg" alt="" />
						<p>数据智能</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api06.svg" alt="" />
						<p>企业工商</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api07.svg" alt="" />
						<p>应用开发</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api08.svg" alt="" />
						<p>电子商务</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api09.svg" alt="" />
						<p>吃喝玩乐</p>
					</div>

					<div class="icon txtCent">
						<img src="../images/api10.svg" alt="" />
						<p>文娱视频</p>
					</div>
				</div>
				<!-- api 下面申请的连接 -->
				<div class="apiLink container txtCent ftS-12">
					另外,更多免费API任您挑选,<a href="#" class="blue-a">马上申请 &gt;</a>
				</div>
			</section>

			<!-- 慧集板块 -->
			<section class="master pdt-90">
				<!-- 慧集标题板块 -->
				<div class="master-title title container txtCent">
					<h1 class="h1-Mtop">慧集 / APIMaster</h1>
					<p class="ttldis">
						API集成中台包括:API设计、API开发、API测试、API发布、API网关、API市场等功能,支持API的鉴权、流控、熔断等,涵盖了API的全生命周期。
					</p>
					<div class="master-link link link-center">
						<a href="#" class="blue-a local">探索慧集 &gt;</a>
					</div>
				</div>
				<!-- 慧集图文板块 -->
				<section class="master-picTxt container">
					<div class="box1">
						<!-- <img src="../images/master-left-bg.svg" alt=""> -->
					</div>
					<div class="box2">
						<div class="contxt">
							<p class="contxt-title">
								<span class="iconPic"></span>API智能接入
							</p>
							<p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
						</div>
						<div class="contxt">
							<p class="contxt-title">
								<span class="iconPic"></span>数据库生成API
							</p>
							<p>无代码配置的方式将主流数据库输出为微服务API接口</p>
						</div>
						<div class="contxt">
							<p class="contxt-title">
								<span class="iconPic"></span>API智能构建
							</p>
							<p>多个API通过可视化的流程编排与业务逻辑重组,融合成新的API</p>
						</div>
						<div class="contxt">
							<p class="contxt-title">
								<span class="iconPic"></span>API智能路由
							</p>
							<p>根据入参属性进行智能分配,实现路由管理,控制API调用流向</p>
						</div>
						<div class="contxt">
							<p class="contxt-title">
								<span class="iconPic"></span>简化API开发
							</p>
							<p>助力开发者创建API、批量测试、跟踪开发进度、自动生成文档</p>
						</div>
						<div class="contxt">
							<p class="contxt-title">
								<span class="iconPic"></span>API开放共享
							</p>
							<p>
								将核心能力以API形式对外输出,赋能到多领域、多场景的应用程序中
							</p>
						</div>
					</div>
				</section>
			</section>
			<!-- 行业巨头板块 -->
			<section id="leader">
				<!-- 行业巨头标题板块 -->
				<div class="leader-title title container txtCent">
					<h1 class="h1-Mtop">助力行业巨头 / 独角兽企业</h1>
					<div class="leader-link link">
						<a href="#" class="blue-a">看看我们服务了谁 &gt;</a>
					</div>
				</div>
				<!-- 行业巨头图文板块的背景图 -->
				<div class="bgImg ">

				</div>
				<!-- 行业巨头图文板块 -->
				<div class="leader-picTxt container golrun1">
					<div class="box">
						<img src="../images/hcfc.png" alt="" class="changePic" />
					</div>
					<div class="box">
						<img src="../images/help-des-icon.svg" alt="" />
						<p class="ftS-12">
							河北幸福消金基于业务对三方数据的需求，需接入数百个外部数据源，涉及一百多个不同维度的数据供应商，通过代码开发对接众多接口，费时费力。通过聚合数据的三方数据管理平台，实现了完善的供应商管理、自动化测试、零代码数据源接入、数据质量管理、数据表现监控，从而保障各类信贷业务产品的风险控制正常运行，支撑公司消费贷款业务快速发展。
						</p>
						<p class="ftS-12 po-ab ris">风险管理部</p>
					</div>
				</div>

				<div class="leader-picTxt container golrun2">
					<div class="box">
						<img src="../images/szyh.png" alt="" class="changePic" />
					</div>
					<div class="box">
						<img src="../images/help-des-icon.svg" alt="" />
						<p class="ftS-12">
							河北幸福消金基于业务对三方数据的需求，需接入数百个外部数据源，涉及一百多个不同维度的数据供应商，通过代码开发对接众多接口，费时费力。通过聚合数据的三方数据管理平台，实现了完善的供应商管理、自动化测试、零代码数据源接入、数据质量管理、数据表现监控，从而保障各类信贷业务产品的风险控制正常运行，支撑公司消费贷款业务快速发展。
						</p>
						<p class="ftS-12 po-ab ris">风险管理部</p>
					</div>
				</div>

				<div class="leader-picTxt container golrun3">
					<div class="box">
						<img src="../images/zhylian.png" alt="" class="changePic" />
					</div>
					<div class="box">
						<img src="../images/help-des-icon.svg" alt="" />
						<p class="ftS-12">
							河北幸福消金基于业务对三方数据的需求，需接入数百个外部数据源，涉及一百多个不同维度的数据供应商，通过代码开发对接众多接口，费时费力。通过聚合数据的三方数据管理平台，实现了完善的供应商管理、自动化测试、零代码数据源接入、数据质量管理、数据表现监控，从而保障各类信贷业务产品的风险控制正常运行，支撑公司消费贷款业务快速发展。
						</p>
						<p class="ftS-12 po-ab ris">风险管理部</p>
					</div>
				</div>
			</section>

			<!-- 数据安全服务 -->
			<section id="data-service ">
				<!-- 数据安全服务标题板块 -->
				<div class="data-service-title title container txtCent">
					<h1 class="h1-Mtop">数据安全和可靠合规的服务</h1>
					<p class="ttldis">保证每一个客户放心使用</p>
					<div class="link link-center">
						<a href="#" class="ftS-12 blue-a">立即使用 &gt;</a>
					</div>
				</div>
				<!-- 数据安全服务图文板块 -->
				<div class="data-servicePicTxt container">
					<div class="box">
						<div class="boxSon">
							<img src="../images/security-logo-item01.svg" alt="" />
						</div>
						<p class="explace">高新技术企业</p>
					</div>
					<div class="box">
						<div class="boxSon">
							<img src="../images/security-logo-item02.svg" alt="" />
						</div>
						<p class="explace">CMMI3</p>
					</div>
					<div class="box">
						<div class="boxSon">
							<img src="../images/security-logo-item03.png" alt="" />
						</div>
						<p class="explace">ISO9001</p>
					</div>
					<div class="box">
						<div class="boxSon">
							<img src="../images/security-logo-item04.png" alt="" />
						</div>
						<p class="explace">ISO20000</p>
					</div>
					<div class="box">
						<div class="boxSon">
							<img src="../images/security-logo-item05.png" alt="" />
						</div>
						<p class="explace">ISO27001</p>
					</div>
					<div class="box">
						<div class="boxSon">
							<img src="../images/security-logo-item06.png" alt="" />
						</div>
						<p class="explace">网络安全三级等保</p>
					</div>
				</div>
			</section>
			<!-- 广告板块 -->
			<section class="Adver txtCent">
				<div class="Adver-cont container">
					<p class="Adver-title">免费试用上百种API、体验各类产品和服务</p>

					<p>
						<button class="point AdverBtn">立即体验</button>
					</p>
				</div>
			</section>
		</main>
		<!-- 页脚 -->
		<footer>
			<!-- 尾部版心 -->
			<div class="foot-cont container">
				<!-- 尾部左边板块 -->
				<div class="leftBox">
					<ul class="list">
						<li>联系与支持</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>

					<ul class="list">
						<li>关于源码</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>

					<ul class="list">
						<li>快速入口</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>

					<ul class="list">
						<li>产品服务</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>

					<ul class="list">
						<li>解决方案</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>
				</div>
				<!-- 尾部右边板块 -->
				<div class="rtBox">
					<p class="title">微信公众号</p>
					<p class="timetxt">源码时代</p>
					<img src="../images/wechat-white.png" alt="" />
				</div>
				<p class="copy">
					<!-- 尾部版权图片部分 -->
					<span class="copy-pic"></span>
					<span class="copy-pic"></span>
					<!-- 尾部版权经营许可联系电话部分 -->
					<span class="copy-icon"
						>增值电信业务经营许可证:蜀B2-20180596蜀ICP备15006450号-3营业执照</span
					>
					<!-- 尾部版权号右边部分 -->
					<span class="copy-cont">源码大数据股份有限公司&copy;版权所有</span>
				</p>
			</div>
			<!-- 回到顶部功能按钮 -->
			<span class="iconfont icon-huidaodingbu"></span>
		</footer>

		<!-- 注册模态框板块 -->
		<div class="model">
			<!-- 注册模态框头部 -->
			<div class="modelHeadCont">
				<div class="modelHead modelContainer">
					<img src="../images/logo-white.png" alt="" />
					<p class="gotNum">
					   <span class="HaveAccount point">已有源码账号,</span><span class="loginColor logined point">登录</span>
					</p>
				</div>
			</div>
			<!-- 注册界面 -->
			<div class="regis-plate">
				<!-- 注册界面内容 -->
				<div class="regis-cont">
					<!-- 注册界面表单   -->
					<form action="#" class="rel formCont">
						<!-- 注册表单欢迎注册板块 -->

						<h1 class="h1-delMargin">欢迎注册</h1>
						<!-- 注册表单免费接口板块 -->
						<p class="interface">百款接口免费试用</p>
						<!-- 300元大礼包板块 -->
						<button class="pack borRadus-5 point">注册即送300元大礼包</button>
						<!-- 注册表单用户名板块 -->
						<p class="username">
							<input
								class="borRadus-5 cont-input verify1"
								type="text"
								placeholder="用户名(6~20位字母数字)"
							/>
							<span class="errorName abs ftS-12 errorIcon"
								>昵称需在6~12字母数字间</span
							>
						</p>
						<!-- 注册表单手机号验证码板块 -->
						<p class="phNum">
							<input
								class="borRadus-5 cont-input verify2"
								type="text"
								s
								placeholder="请输入手机号码"
							/>
							<span class="errorPhoNum abs ftS-12 errorIcon"
								>请输入11位手机号码</span
							>
						</p>
						<!-- 注册表单手机号获取验证码板块 -->
						<p class="VerCode">
							<input
								class="borRadus-5 cont-input"
								type="text"
								placeholder="请输入手机短信验证码"
							/>
							<button class="GetVer point abs">获取验证码</button>
						</p>
						<!-- 注册表单密码板块 -->
						<p class="password">
							<input
								class="borRadus-5 cont-input verify3"
								type="password"   
								placeholder="请输入6至12位的密码"
							/>
							<span class="errorPassword abs ftS-12 errorIcon"
								>密码需在6~12位</span
							>
						</p>
						<!-- 阅读接受板块 -->
						<p class="readAcc">
							<input class="borRadus-5 choice" type="checkbox" />我已阅读并接受
							<span>《源码用户服务协议》&nbsp;《源码隐私政策》</span>
						</p>
						<button class="RegNow point">立即注册</button>
					</form>
				</div>
			</div>
		</div>

		<!-- 登录表单界面模板 -->
		<div class="LoginScreen zIndex-70 ">
			<!-- 版心 -->
			<div class="boxLogin cf">
		
				<!-- 左边栏 -->
				<div class="LoginLeftCont">
					<img src="../images/login-bg.png" alt="" class="" />
				</div>
				<!-- 右边栏 -->
				<div class="loginRightCont ">
					<!-- 右边内容 -->
					<div class="contCent">
						<!-- 登录界面logl -->
						<img src="../images/loginlogo.png" alt="" class="" />
						<!-- 账号登录板块 -->
						<div class="account">
							<span class="ftS-14 active point UserLgin">账号登录</span>
							<strong></strong>
							<span class="ftS-14 point UserLgin">扫码登录</span>
						</div>
		
		
						<form class="PorMesage  formSubmit on">
							<!-- 登录界面用户名/手机号/邮箱 -->
							<p class="phone rel"><span class="abs"></span> <input type="text" placeholder=" 用户名/手机号/邮箱"
									class="loginEmail ftsCol"></p>
							<!-- 登录界面密码框  -->
							<p class="passwordMesage rel"> <span class="abs"></span> <input type="password" placeholder="密码"
									class="loginPassWord ftsCol"> </p>
							<!-- 登录界面忘记密码 -->
							<p class="ForPassword point">忘记密码</p>
							<!-- 登录界面登录按钮 -->
							<p> <button class="logining point">登录</button> </p>
							<p class="regisEd rel"> <span class="NotHave point">还没有源码账号，</span> <span
									class="point regisNow reSon">立即注册</span> <span class="navPic abs point"></span> </p>
						</form>
						<!-- api界面之账号登录和扫码登录板块二维码板块 -->
						<form action="#" class="submitForm  formSubmit">
							<section class="QRcode">
								<img src="../images/wechat-white.png" alt="" />
								<p>微信扫码登录</p>
								<p>未关注源码客科技公众号,请先关注后再登录</p>
							</section>
							<p class="loginNow">
								<span>还没有源码账号, </span><span class="registerNow point stopProp">立即注册</span> <span
									class="stopProp point registerNow"></span>
							</p>
						</form>
					</div>
				</div>
			</div>
		</div>
     

		<!-- 引入工具函数util-js -->
		<script src="../js/util.js"></script>
		<!-- 引入swiper的js文件 插件js要引入在本地js之前-->
		<script src="../lib/swiper-bundle.min.js"></script>
		<!-- 引入本地js文件  本地的一定要最后引入-->
		<script src="../js/index.js"></script>
	</body>
</html>
